* {
  padding: 0;
  left: 0;
}
.body {
  font-size: 0.14rem;
}
.box {
  position: relative;
  width: 5rem;
  height: 2rem;
  background-color: aqua;
  overflow: hidden;
}
.box1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 100%;
  background-color: pink;
}
/* .box2 {
  position: relative;
  width: 1rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  background-color: blue;
} */
.bar {
  position: relative;
  width: 5rem;
  height: 0.1rem;
  overflow: hidden;
}
.bar1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: red;
}